<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>大屏</title>
    <link rel="stylesheet" href="{$_G['URL']['DAPING_STATIC']}common.min.css?v=3">
<!--    <link rel="stylesheet" href="{$_G['URL']['DAPING_STATIC']}index.min.css?v=3">-->
    <link rel="stylesheet" href="{$_G['URL']['DAPING_STATIC']}index.min.css?v=4">
    <link href="{$_G['URL']['LAYER_CSS']}/layui.css" rel="stylesheet">
    <style>
        .laydate-theme-hhmm .laydate-time-list>li {
            width: 100%;
        }
        .laydate-theme-hhmm .laydate-time-list>li > ol >li {
            text-align: center;
            width: 100%;
            padding-left: 0;
        }
        .laydate-theme-hhmm .laydate-time-list>li:not(:first-child) {
            display: none;
        }
    </style>

</head>
<body>
<div class="both-cotent-part">


    <div class="content-part">
        <div class="header-part">
            <section class="header-date">
                <div class="data-time-part">
                   <section id="selectTime" style="display: none">
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input" id="datetime" placeholder="请选择时间" onchange="inputdateChange()">
                        </div>
                    </section>
                     <section class="detail-time" >
                            <span class="date" id="now_time"></span>
                     </section>
                </div>
            </section>
            <section class="header-title">
                    <span class="title-name" id="shopname"></span>
            </section>

            <section class="header-menu">
                <section class="menu-edit" onclick="select()">
                    <i class="search-icon"></i>
                    <span id="search_str">搜索</span>
                </section>
                <section class="menu-edit" id="full">
                    <i class="edit-icon" id="full_icon"></i>
                    <span>全屏</span>
                </section>
                <section class="menu-reg"  onclick="workerAlert()">
                    <i class="reg-icon"></i>
                    <span>员工注册</span>
                </section>
                <section class="menu-link"  onclick="link()">
                    <i class="link-icon"></i>
                    <span>活动链接</span>
                </section>
                <section class="menu-open" id="controlSound" onclick="controlSound()">

                </section>

                <div style="display: none;">
                    <audio id="haveorder" >
                    </audio>
                    <audio id="haveorder1" >
                    </audio>
                </div>

            </section>
        </div>

        <div class="both-center-part">
            <div class="content-left">
                <!-- 员工排名 -->
                <div class="table-part staff-part">
                    <div class="table-header">
                        <div class="table-h-title">
                            <span class="title-name">员工排名</span>
                        </div>
                        <div class="table-h-more" onclick="show('worker')">
                            <span class="more-title">更多</span>
                            <i class="more-icon"></i>
                        </div>
                    </div>
                    <div class="table-content">
                        <div class="table-ul">
                            <ul>
                                <li>排名</li>
                                <li id="teamMenuLi">团队</li>
                                <li>姓名</li>
                                <li>成交</li>
                                <li>转发</li>
                                <li>浏览</li>
                            </ul>
                        </div>
                        <div id="rankboth" onmousemove="mouse('rank')" onmouseleave="mouseLeave('rank')"
                             class="table-data-content scroll">
                            <div id="rank" class="table-data-content rankauto"></div>
                            <div id="rankbot" class="mt8"></div>
                        </div>
                    </div>
                </div>
                <!-- 团队排名前五 -->
                <div class="table-part team-content">
                    {if $system['is_multiple_merchants']}
                        <div class="table-header">
                            <div class="table-h-title">
                                <span class="title-name">商家排名前五</span>
                            </div>
                            <div class="table-h-more"  onclick="show('shangjia')">
                                <span class="more-title">更多</span>
                                <i class="more-icon"></i>
                            </div>
                        </div>
                    {else}
                        <div class="table-header">
                            <div class="table-h-title">
                                <span class="title-name">团队排名前五</span>
                            </div>
                            <div class="table-h-more"  onclick="show('team')">
                                <span class="more-title">更多</span>
                                <i class="more-icon"></i>
                            </div>
                        </div>
                    {/if}

                    <div class="echarts-part">
                        <div class="line-part">
                            <div class="end"></div>
                            <div class="line"></div>
                            <div class="end"></div>
                        </div>
                        <div class="echarts-part" id="teamOption"></div>
                        <div class="line-part">
                            <div class="end"></div>
                            <div class="line"></div>
                            <div class="end"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-center">
                <!-- 浏览量 转发量 -->
                <div class="center-show">
                    <div class="show-top">
                        <div class="show-top-content">
                            <div class="show-box">
                                <span class="box-title">浏览量</span>
                                <span class="show-num" id="scansum"></span>
                            </div>
                            <div class="show-center-more-bg-part" id="record">
                            </div>
                            <div class="show-box">
                                <span class="box-title">转发量</span>
                                <span class="show-num" id="forward"></span>
                            </div>
                        </div>
                    </div>
                    <div class="show-bottom-echarts" id="lineOption"></div>
                </div>
                <div class="center-bottom-part">
                    <!-- 礼品统计 -->
                    <div class="table-part gift-content">
                        <div class="table-header">
                            <div class="table-h-title">
                                <span class="title-name" id="giftTitle">礼品统计</span>
                            </div>
                            <div class="select-box">
                                <select name="giftType" lay-verify="" id="giftSelect" onchange="changeSelect()">

                                </select>
                                <div class="down-img"></div>
                            </div>
                        </div>

                        <div class="echarts-part">
                            <div class="ab-part">
                                <div class="gift-img-bg"></div>
                            </div>
                            <div class="line-part">
                                <div class="end"></div>
                                <div class="line"></div>
                                <div class="end"></div>
                            </div>
                            <div class="echarts-part" id="giftOption">
                            </div>
                            <div class="line-part">
                                <div class="end"></div>
                                <div class="line"></div>
                                <div class="end"></div>
                            </div>
                        </div>
                    </div>
                    <!-- 正在浏览 -->
                    <div class="table-part gift-content">
                        <div class="table-header">
                            <div class="table-h-title">
                                <span class="title-name">正在浏览</span>
                            </div>
                            <div class="table-h-more" onclick="show('browse')">
                                <span class="more-title">更多</span>
                                <i class="more-icon"></i>
                            </div>
                        </div>
                        <div class="echarts-part">
                            <div class="line-part">
                                <div class="end"></div>
                                <div class="line"></div>
                                <div class="end"></div>
                            </div>
                            <div class="echarts-part">
                                <div class="table-content browse-part">
                                    <div class="table-ul">
                                        <ul>
                                            <li>头像</li>
                                            <li id="broMenuLi">昵称</li>
                                            <li>访问时间</li>
                                            <li>停留</li>
                                        </ul>
                                    </div>
                                    <div id="browse" onmousemove="mouse('browse')"
                                         onmouseleave="mouseLeave('browse')" class="table-data-content browse-t-d-c">
                                    </div>
                                </div>
                            </div>
                            <div class="line-part">
                                <div class="end"></div>
                                <div class="line"></div>
                                <div class="end"></div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
            <div class="content-right">
                <!-- 最新订单 -->
                <div class="table-part order-part">
                    <div class="table-header">
                        <div class="table-h-title">
                            <span class="title-name">最新订单</span>
                        </div>
                    </div>
                    <div class="table-content">
                        <div class="table-ul">
                            <ul>
                                <li>头像</li>
                                <li>昵称</li>
                                <li>手机号</li>
                                <li>支付时间</li>
                                <li>所属员工</li>
                            </ul>
                        </div>
                        <div id="order" onmousemove="mouse('order')" onmouseleave="mouseLeave('order')"
                             class="table-data-content"></div>
                    </div>
                </div>
                <!-- 粉丝成交排名 -->
                <div class="table-part team-content">
                    <div class="table-header">
                        <div class="table-h-title">
                            <span class="title-name" id="fansRankTitle">粉丝成交排名</span>
                        </div>
                        <div class="more-two-s">
                            <div class="table-h-more" onclick="showRank()">
                                <span class="more-title">更多</span>
                                <i class="more-icon"></i>
                            </div>
                            <div class="select-box">
                                <select name="0" lay-verify="" id="fansSelect" onchange="changeFansSelect()">
                                    <option value="1">粉丝成交排名</option>
                                    <option value="2">粉丝推荐排名</option>
                                    <option value="3">粉丝助力排名</option>
                                    <option value="4">团长排名</option>
                                    <option value="5">红包排名</option>
                                </select>
                                <div class="down-img"></div>
                            </div>
                        </div>
                    </div>

                    <div class="echarts-part">
                        <div class="line-part">
                            <div class="end"></div>
                            <div class="line"></div>
                            <div class="end"></div>
                        </div>
                        <div class="echarts-part" id="fansRankOption"></div>
                        <div class="line-part">
                            <div class="end"></div>
                            <div class="line"></div>
                            <div class="end"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 左右边框 -->
        <div class="left-bg-border"></div>

        <div class="page-bottom-part">
            <div class="page-bottom">
                <span class="bot-word">技术支持：(易宣软件)18053853001 </span>
            </div>
        </div>

        <div class="right-bg-border"></div>
        <!-- 弹窗 -->
        <div class="alert-box" id="alertBox">
            <div class="alert-box-content">
                <div id="return_box">
                </div>

                <div class="close-part" onclick="closeAlert()">
                    <i></i>
                </div>

                <div class="alert-title-part">
                    <div class="title-content">
                        <div class="line-box">
                            <div class="line-box-bg"></div>
                        </div>
                        <span id="headTitle"></span>
                    </div>
                </div>
                <div class="alert-table-part">
                    <div class="table-content">
                        <ul class="al-table-ul" id="menuUl"></ul>
                        <div class="al-table-content" id="tableContent">
                        </div>
                        <!-- 分页 -->
                        <div class="page-part" >
                            <div class="page-content" id="page-part">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="alert-box" id="workerBox">
            <div class="alert-box-content">
                <div class="close-part" onclick="closeWorkerAlert()"><i></i></div>
                <div class="alert-title-part">
                    <div class="title-content">
                        <div class="line-box">
                            <div class="line-box-bg"></div>
                        </div>
                        <span id="workerHeadTitle"></span>
                    </div>
                </div>

                <div style="text-align: center;" id="code_html">

                </div>
                <div style="width: 80%;top:45%;left:10%;position: absolute" id="text_html">

                </div>
            </div>
        </div>

        <div class="alert-box" id="linkBox">
            <div class="alert-box-content">
                <div class="close-part" onclick="closeCodeAlert()"><i></i></div>
                <div class="alert-title-part">
                    <div class="title-content">
                        <div class="line-box">
                            <div class="line-box-bg"></div>
                        </div>
                        <span id="linkHeadTitle"></span>
                    </div>
                </div>
                <div style="text-align: center;margin-top:15%" id="link_code_html">
                </div>
            </div>
        </div>
    </div>
    <!-- 加载动画 -->
    <div class="loading" id="loading">
        <embed src="{$_G['URL']['DAPING_STATIC']}imgs/loadingAN.svg" type="image/svg+xml" />
    </div>
    <input type="hidden" name="url" id="url" value="{$url}">
</div>
</body>
<script src="{$_G['URL']['DAPING_CSS']}js/jquery-3.3.1.min.js"></script>
<script src="{$_G['URL']['DAPING_STATIC']}echart.js"></script>
<script src="{$_G['URL']['DAPING_STATIC']}countUp.js"></script>
<script src="{$_G['URL']['LAYER_CSS']}/layui.js"></script>
<script src="{$_G['URL']['DAPING_STATIC']}index.js"></script>
</html>